<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue-列表</title>
</head>
<body>
<!--<ul>
    <li>项目1</li>
    <li>项目2</li>
    <li>项目3</li>
</ul>-->

<!--
   1. ul
   2. select
   3. table
        tr
        td
-->

<div id="app">
   <!-- <ul>
        <li v-for="item in items">
            {{item.title}}
        </li>
    </ul>-->

 <!--   <ul>
        <li v-for="(item,index) in items" :key="index">
            {{index+1}}-{{item.title}}
        </li>
    </ul>-->

    <div v-for="(val,key) in employee">
        {{key}}-{{val}}
    </div>
</div>

</body>
<script src="../../lib/vue.js"></script>
<script>

    new Vue({
        el:'#app',
        data:{
            items:[
                {
                    id:1,
                    title:'项目1'
                },{
                    id:2,
                    title:'项目2'
                }
            ],
            employee:{
                empNO:'No0001',
                age:23,
                gender:'male'
            }
        }
    })

</script>

</html>